<?xml version='1.0' encoding='UTF-8' ?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	template="/pages/templates/template.xhtml">
	<ui:define name="metadata">
		<f:metadata>
			<f:viewParam name="id" value="#{GrupoBean.id}" />
			<f:event type="preRenderView" listener="#{GrupoBean.init}" />
		</f:metadata>
	</ui:define>
	<ui:define name="content">
		<h:form id="formGrupo">
			<div>
				<div class="div-titulo-tela">
					<p:outputLabel styleClass="titulo-tela">Grupo de Trabalho</p:outputLabel>
					<br /> <br />
					<p:separator></p:separator>
					<div class="div-titulo-botoes">
						<p:commandButton value="Lista"
							actionListener="#{GrupoBean.doListar}" />

						<p:commandButton id="btnSalvar" value="Salvar" ajax="true" disabled="#{!GrupoBean.podeAlterar}"
							update="formGrupo" actionListener="#{GrupoBean.doSalvar}" />

						<p:commandButton id="btnConcluir" value="Concluir" ajax="true" disabled="#{!GrupoBean.podeAlterar}"
							update="formGrupo" actionListener="#{GrupoBean.doConcluir}" />
					</div>
					<p:separator></p:separator>
					<div class="div-titulo-botoes">
						<p:commandButton value="Areas de Interesse" ajax="true"
							update="formGrupo"
							actionListener="#{GrupoBean.doSelecionarAreas}" />

						<p:commandButton value="Professores Pretendidos" ajax="true"
							update="formGrupo"
							actionListener="#{GrupoBean.doSelecionarProfessores}" />

						<p:commandButton value="Participantes" ajax="true"
							disabled="#{!GrupoBean.podeParticipantes}" update="formGrupo"
							actionListener="#{GrupoBean.doSelecionarParticipantes}" />

						<p:commandButton value="Avaliadores" ajax="true"
							disabled="#{!GrupoBean.podeAvaliadores}" update="formGrupo"
							actionListener="#{GrupoBean.doSelecionarAvaliadores}" />
					</div>
				</div>
				<div>
					<div class="div-corpo-tela">
						<div class="div-mensagem">
							<p:messages id="messages" autoUpdate="true" closable="true" />
						</div>

						<p:outputPanel id="tbGeral" title="Geral">
							<h:panelGrid columns="2" cellpadding="10" styleClass="tabGeral">
								<p:outputLabel styleClass="label">Curso: </p:outputLabel>
								<h:selectOneMenu id="curso" label="Curso"
									value="#{GrupoBean.cursoID}" disabled="#{!GrupoBean.podeAlterar}"
									rendered="#{!GrupoBean.alunoLogado}">
									<f:selectItem itemLabel="Selecione..." itemValue="" />
									<f:selectItems value="#{GrupoBean.cursos}" itemValue="#{c.id}"
										itemLabel="#{c.nome}" var="c" />
								</h:selectOneMenu>
								<p:outputLabel styleClass="campo"
									rendered="#{GrupoBean.alunoLogado}">#{GrupoBean.grupo.curso.nome}</p:outputLabel>
								<p:outputLabel styleClass="label">Ano: </p:outputLabel>
								<p:outputLabel styleClass="campo">#{GrupoBean.grupo.ano}</p:outputLabel>
								<p:outputLabel styleClass="label">Semestre: </p:outputLabel>
								<p:outputLabel styleClass="campo">#{GrupoBean.grupo.semestre}</p:outputLabel>
								<p:outputLabel styleClass="label">Observação: </p:outputLabel>
								<p:inputTextarea styleClass="campoObs" disabled="#{!GrupoBean.podeAlterar}"
									value="#{GrupoBean.grupo.observacao}"></p:inputTextarea>
							</h:panelGrid>
						</p:outputPanel>

					</div>
				</div>
			</div>
		</h:form>
	</ui:define>
</ui:composition>

